<template>
    <div class="scoll">
        <el-dialog :close-on-click-modal="false" title="全部的活动消息" :visible.sync="visible" width="45%" :before-close="handleClose">
            <el-table :data="allActMessage" stripe style="width: 100%" height="485">
                <el-table-column prop="key" label="序号" align="center" min-width="25"/>
                <el-table-column prop="message_content" label="活动内容" align="center" show-overflow-tooltip />
                <el-table-column prop="message_createTime" label="活动时间" align="center"/>
            </el-table>
        <template #footer>
        <div class="buttons">
            <el-button type="primary" @click="handleClose">确 定</el-button>
        </div>
        </template>
    </el-dialog>
    </div>
</template>

<script>
import { mapActions, mapState, mapMutations } from 'vuex';

export default {
    name:'' ,
    components: {
    },
    props: {
        visible: {
            type: Boolean,
            default: false
        }
    },
    computed: {
        ...mapState({
            allActMessage: state => state.user.allActMessage,
        })
    },
    data() {
        return {
        };
    },
    methods: {
        handleClose(){
            this.$emit('close');
        },
    },
}
</script>
